.vip-welfare{
    blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
  body,button,input,select,textarea{font:12px/1.5 "微软雅黑",arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif}
  h1,h2,h3,h4,h5,h6{font-size:100%}
  address,cite,dfn,em,var{font-style:normal}
  code,kbd,pre,samp{font-family:courier new,courier,monospace}
  ol,ul{list-style:none}
  a{text-decoration:none;vertical-align:baseline;cursor: pointer}
  a:hover{text-decoration:none}
  sup{vertical-align:text-top}
  sub{vertical-align:text-bottom}
  legend{color:#000}
  fieldset,img{border:0;display:block}
  button,input,select,textarea{font-size:100%}
  button{border-radius:0}
  table{border-collapse:collapse;border-spacing:0}
  :global .clearfix:after{content:""; display:block; clear:both;height:0; overflow:hidden; visibility:hidden}
  img{display:block}
  input{ border:0; vertical-align:middle}
  :global .wrapper{width: 1200px;margin: 0 auto}
  i{display: inline-block}  


    .welfare-content{
        background-color: #e7e7e7;
        .w-wrapper{
            width: 1180px;
            margin: 0 auto;
        }
        .more{
            padding-bottom: 58px;
        }
    }

    .welfare-list{
        padding: 25px 0 12px 0;
    }

    .welfare-item:hover{
        box-shadow: 0 0 10px rgba(0,0,0,.2);
        cursor: pointer;
    }
    .welfare-item{
        width: 100%;
        height: 220px;
        margin-bottom: 31px;
        dt{
            float: left;
            background-color: white;
        }
        dd{
            width: 680px;
            float: right;
            height: 220px;
            padding: 30px 170px 30px 30px;
            background-color: #fff;
            position: relative;
            h3{
                font-size: 20px;
                line-height: 1.2;
                margin-bottom: 20px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                color: #181818;
                font-weight: 1000;
            }
            h3:hover{
                color: blue;
            }
            p{
                font-size: 14px;
                color: #666;
                line-height: 1.5;
                margin-bottom: 10px;
            }
            span{
                font-size: 14px;
                color: #181818;
                position: absolute;
                left: 30px;
                bottom: 30px;
                display: block;
            }
            i{
                font-style: normal;
            }
            div{
                width: 120px;
                height: 36px;
                background-color: #fc624d;
                text-align: center;
                line-height: 36px;
                border-radius: 18px;
                color: white;
                font-weight: 500;
                position: absolute;
                right: 30px;
                bottom: 36px;
            }
        }
    }

    .more{
        text-align: center;
        .look-more{
            width: 139px;
            height: 30px;
            display: inline-block;
            border: 1px solid #ff8375;
            line-height: 30px;
            border-radius: 18px;
        }
        a{
            color: #ff8375;
        }
        .look-more:hover{
            background: #1e7dd7;
            color: #fff;
            border: 1px solid #1e7dd7;
            a{
                color: white
            }
        }
    }
  }
  

